一般我们在调试单个React组件时，借助于热更新，我们改改代码可以在浏览器实时看到更新，但当项目比较大的时候，我们调试的页面在整个应用中的路由层级比较深，就会导致：每一次咱们修改完一个地方的代码，浏览器自动刷新到了首页，并进入修改的页面，才能看到更新之后的变化。介于此，这篇分享一个前端调试React组件的方法。一、使用createPortal构建测试组件scss代码：.test-container{position:fixed;width:100vw;height:100vh;background-color:white;z-index:9999999999999999999999999999

文章目录前言不使用对象池使用官方内置对象池应用自制对象池总结源码参考完结前言对象池（ObjectPool）是一种软件设计模式，用于管理和重用已创建的对象。在对象池中，一组预先创建的对象被维护在一个池中，并在需要时使用和回收。对象池的作用是提供一种高效地创建和销毁对象的方式，以减少系统开销和提高性能。发明对象池的人绝对是个天才，游戏中我们常常会遇到，频繁创建和销毁大量相同对象的场景，例如敌人子弹如果我们不做任何处理，只是单纯的创建和销毁，可能会导致内存泄露，性能下降和卡顿等问题Instantiate(gameobject)Destroy(gameobject)对象池的出现，减少了频繁，创建和销毁

问题描述：在使用PPT画图时，将画好的图便捷的导入到Word中，并保持矢量图的分辨率，放大缩小不模糊。一般直接使用屏幕截图会使分辨率降低，图片质量很差。直接复制粘贴也会出现同样的问题，下面介绍两种方法来解决该问题，推荐使用方法二。方法一：保存为高分辨率的png图片，然后再导入Word中。修改PPT中导出图片的分辨率，一般默认的分辨率较低，可以在注册表中修改：注册表地址：计算机\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Office\16.0\PowerPoint\Options 增加注册表ExportBitmapResolution 该方法能够任意修改导出图片的

【HTML】Canvas基本介绍与应用前言一、Canvas概述二、基本用法常用的CanvasAPI1.获取上下文：使用`getContext('2d')`获取上下文对象，在该对象上进行图形绘制和变换。2.绘制形状：3.图片操作：4.变换操作：5.渐变和样式：三、Canvas绘制图形1、绘制矩形a.fillRect()b.strokeRect()c.clearRect()2、绘制圆形a.绘制实心圆形b.绘制空心圆形3、绘制路径a.画笑脸b.绘制两个三角形，一个是填充的，一个是描边的四、Canvas绘制文本1、fillText()2、strokeText()五、Canvas绘制图片1、drawIm

背景最近写了几个接口：获取books的接口获取likes的接口获取collections的接口但是我还是不放心，因为这些接口到底稳不稳定呢？上线后有没有隐患呢？所以我想做一个批量发送接口模拟~但是想要做到批量发送接口，必须要有一个条件批量发送。批量发送？起因当我们写一个接口时，并且部署时，一定要考虑一个问题：你所做的产品访问量大吗？你所写的接口和服务器能应对访问量大的场景吗？比较你的产品有很多用户在同一时间去进行大批量的发送请求~举个例子，公司只有一个入口，10秒内能通过1w员工吗？那肯定是不行的，那怎么办呢？那就要看你这个地铁入口怎么去做优化了思考但是你再怎么优化，你也不能马上就部署上线吧？

一、关于UI测试1、UI走查顺序1.1、有空白页的页面优先测试（走查）空白页1.2、按页面跳转流程把主线任务走一遍。1.3、测试（走查）主线任务之外的页面。1.4、对于复用以前组件的控件，主要看和以前是否一致，是否缺少交互状态。对于新的组件，要仔细核对，必要时可跟开发一起核对代码2、走查内容2.1、是否还原设计稿常见的包括：字体字号、颜色、是否加粗、icon大小、分割线颜色粗细、对齐、间距等。2.2、设计细节实现超出显示：卡片内标题、下拉框选中结果、输入区域超出时是否完整显示（首先要明确显示规则：根据需求不同，有2种规则，超出后...和换行完整显示。）组件细节：搜索框、较长卡号输入是否有清除按

简介postman是web开发人员常用的开发工具,如果遇到需要对请求头做统一的encode,我们该如何做到呢?这就是今天学到的新技能Pre-requestScript.Pre-requestScriptpostman给我们提供了强大的http请求发起能力的同时,还提供了请求发起的前置处理能力,方便我们自定义请求的发起策略,比如今天遇到的问题,我们要对自定义请求头做统一的encode,默认情况下,postman是对请求头不做处理的,这就需要我们把Pre-requestScript用起来.废话不多说,开始吧.首先对模拟的请求添加了2个自定义请求头,值写中文,写完就能看到postman给了红色叹号❗

目录1、对0xCCCCCCCC、0xCDCDCDCD和0xFEEEFEEE等常见异常值的辨识度2、在Debug下遇到报错弹框，点击重试，查看函数调用堆栈

最近种草一款富士📷已久，但限于富士产能，一直都没有等到开放购买，在尝试几次定闹钟到点准时抢购后，果断放弃，于是花了一个周末时间写了一个简易脚本，终于成为一名合格的“富家子弟”。文章目录1问题背景2设计思路3具体实现3.1账号登录3.2库存监听3.3购物车操作3.4订单操作4完整代码5总结1问题背景经过无数次抢购失败后，发现商家会不定时的放出少量货源，目测每次会有几台。如果我们编写一个脚本程序24小时不间断监听商品库存，一旦查询到货源便开始尝试自动下单，这样就可以极大提高我们的成功概率。2设计思路京东对于商品的抢购主要分为两种：预约抢购：到点开放购买，和普通商品下单流程一致；秒杀商品：单独的抢购

看完这篇文章，从此刻开始你将成为一名真正的“键盘侠”作为程序员我们知道，当我们编写代码的时候频繁的操作鼠标是一件非常费劲的一件事，我们的很多时间都会浪费到去使用鼠标定位光标选中文本等等，要知道使用快捷键肯定是比我们使用鼠标操作来的效率更高，包括博主本人也经常来回的在鼠标和键盘上来回切换。为此我写下这篇文章就是监督自己摆脱鼠标的控制，编写代码全程不用鼠标只用键盘来操作，坚持下去让习惯形成自己的肌肉记忆，我相信编码的效率一定会大大提高(主要也很帅)，当然这篇文章不只是讲解vim，也会参杂一些提高编码效率的相关插件操作，勉励自己也鼓励你们！！！目录vim插件使用vim插件安装配置vim模式讲解相关拓